<script setup lang="ts">
// <svg> <use href=""></use> </svg>
  defineProps<{
    name:string
  }>()
</script>

<template>
  <svg aria-hidden="true" class="pk-icon">
    <use :href="`#icon-${name}`"></use>
  </svg>
</template>

<style lang="scss" scoped>
.pk-icon {
  // 大小  和文一样大 最好
  // font-size : 28px  1em = 28px
  width: 1em;
  height: 1em;
}
</style>
